<!DOCTYPE html />
<html>
<head>
    <!-- Loaded files-->
    <style type="text/css">
        @import "styles/mainpage.css";
    </style>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js">
    </script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js">
    </script>
    <link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/cupertino/jquery-ui.css"
        rel="Stylesheet" />
    <script type="text/javascript">
        $(function () {
            $("#signUpButton")
			.click(function () {
			    $("#signUpDialog").dialog();
			});
        });


        $(function () {
            $("#news").accordion();
        });
    </script>
    <title>Photo Album</title>
</head>
<body>
    <div class="topmenu">
        <div class="Enheim">
            <span id="Enheim">Enheim</span> <span id="gallery">gallery</span>
        </div>
        <a href="">Home</a> <a href="">Tour</a>
        <button id="signUpButton">
            Sign up</button>
        <div id="teaser">
        </div>
        <div id="services">
            <div id="login">
                <form method="get" onsubmit="">
                Already a user?<br />
                <label>
                </label>
                <br />
                Username:
                <input type="text" /><br />
                Password:
                <input type="password" /><br />
                <button name="login" id="loginButton" type="submit">
                    Log in</button>
                </form>
            </div>
            <div id="news">
                <h4>
                    <a href="#">Newest Users</a></h4>
                <div id="newUsers">
                    <p>
                        <span class="date"></span>
                        <p class="newsContent">
                            <ul>
                                <li><span class="newsdate">18-01-2012</span> <span class="newstext">Welcome to our newest
                                    user, Stefan Ivanov!</span> </li>
                                <li><span class="newsdate">16-01-2012</span> <span class="newstext">Welcome to our newest
                                    user, Pesho Hakera!</span> </li>
                            </ul>
                        </p>
                    </p>
                </div>
                  <h4>  <a href="#">System Messages</a></h4>
                <div id="system">
                    <span class="date"></span>
                    <p class="newsContent">
                        <ul>
                            <li><span class="newsdate">16-01-2012</span> <span class="newstext">Images count is
                                now unlimited</span> </li>
                            <li><span class="newsdate">16-01-2012</span> <span class="newstext">Personal Gallery
                                Themes are now available</span> </li>
                            <li><span class="newsdate">15-01-2012</span> <span class="newstext">Enheim Gallery is
                                now open</span> </li>
                    </p>
                </div>
            </div>
        </div>
        <div id="randomPhoto">
            <div id="rPTitle">
                Random Photos</div>
            <img id="leftRandom" src="images/backgrounds/wonderland.jpg" />
            <img id="rightRandom" src="images/backgrounds/digital.jpg" />
        </div>
        <div style="visibility:hidden; width:150px;">
        <div id="signUpDialog" title="Create new user">
            <form method="post" autocomplete="on">
            <label for="username">
                Username</label>
                <br />
            <input type="text" />
            <br />
            <label for="firstname">
                First name</label>
                <br />
            <input type="text" />
            <br />
            <label for="surname">
                Surname</label>
            <br />
            <input type="text" />
            <br />
            <label for="email">
                Email</label>
            <br />
            <input type="email" />
            <br />
            <button type="submit">Create account</button>
            <button type="reset">Cancel</button>
            </form>
        </div>
        </div>
</body>
</html>
